<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script type="text/javascript" src="/homepage/js/jquery-1.10.2.js"></script>
<script type="text/javascript" src="/homepage/js/bootstrap.js"></script>
<link rel="stylesheet" type="text/css" href="/homepage/css/bootstrap.css" />
<link rel="stylesheet" type="text/css"
	href="/homepage/css/teacherPersonalShow.css" />
<script type="text/javascript">
$(function(){
	
	$("#imgcode").click(function() {
		reloadcode();
	})
	$(".changeOne").click(function() {
		reloadcode();
	})
})
	
	function reloadcode() {
		$("#imgcode").attr("src", "/homepage/html/checkcode.jsp?random=" + Math.random());
	}
</script>
<title>老师主页</title>
</head>
<body>
	<div class="container">
	<div>
		<div id="header" class="row">
			<img src="/homepage/img/xikeda1.png">
		</div>
		<!-- <div id="navigation">
			<ul>
				<li>杨春明的个人主页</li>
				<li ><a href="#" >基本信息</a></li>
				<li><a href="#">研究方向</a></li>
				<li><a href="#">科研团队</a></li>
				<li><a href="#">科研项目</a></li>

			</ul>
		</div> -->
		<div class="row">
		<nav class="navbar navbar-default" id="navbarStyle">
			<div class="container-fluid">
				<!-- Brand and toggle get grouped for better mobile display -->
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed"
						data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
						<span class="sr-only">Toggle navigation</span> <span
							class="icon-bar"></span> <span class="icon-bar"></span> <span
							class="icon-bar"></span>
					</button>
					<a class="navbar-brand" href="#" id="PersonalPageName">${basicInfo.user_name}个人主页</a>
				</div>

				<!-- Collect the nav links, forms, and other content for toggling -->
				<div class="collapse navbar-collapse"
					id="bs-example-navbar-collapse-1">
					<ul class="nav navbar-nav navbar-left">
						<#list urlInfo as column >
                         <#if column.data_nature=1> 
                         
						<li><a href="${column.data_url}">${column.data_name}</a></li>
						</#if>
						<#if column.data_nature=0> 
                         
						<li><a href="/homepage/u/${basicInfo.user_url}/${column.data_url}">${column.data_name}</a></li>
						</#if>
						</#list>
					</ul>
				</div>
				<!-- /.navbar-collapse -->
			</div>
			<!-- /.container-fluid -->
		</nav>
		</div>
		</div>
		<div class="col-md-3">
			<div class="panel panel-info">
				<div class="panel-heading">
					<div class="row">
						<div class="col-md-8 col-md-offset-1">
							<a href="#" class="thumbnail"> <img src="/homepage/img/person10.jpg"
								alt="...">
							</a>
						</div>
					</div>
					<div id="basicInfo" class="row">
						<p>
							<label>姓名：</label><span>${basicInfo.user_name}</span>
						</p>
						<p>
							<label>职称：</label><span>${basicInfo.basic_info_title}</span>
						</p>
						<p>
							<label>学院：</label><span>计算机科学以技术</span>
						</p>
						<p>
							<label>学位：</label><span>${basicInfo.basic_info_degree}</span>
						</p>
						<p>
							<label>邮箱地址：</label><span>${basicInfo.basic_info_email}</span>
						</p>
						<p>
							<label>电话：</label><span>${basicInfo.basic_info_phone}</span>
						</p>
						<p>
							<label>主要研究方向：</label><span>${basicInfo.basic_info_research}</span>
						</p>

					</div>
					
					<#if basicInfo.basic_info_allow_message=0> 
  <div>
						<button type="button" class="btn btn-success btn-block"
							data-toggle="modal" data-target="#leaveMess">留言</button>
					</div>
</#if>

             
					
				</div>
			</div>
		</div>
		<div class="col-md-9">
			<div class="panel panel-default">
				<div class="panel-heading">
				<#if dataContent.data_type=0>
					<p>${dataContent.data_content}</p>
					</#if>
<#if dataContent.data_type=1 && (detail??)=false>
<ul id="newsList">
<#list newsList as news>
<li><a href="${dataContent.data_url}/${news.news_num}">${news.news_title}<span>${news.news_update_time}</span></a></li>
</#list>
</ul>

<#elseif dataContent.data_type=1 && detail=true>
<h3 class="newsTitle">${newsContent.news_title}</h3>
<div class="newsTime"><span>编辑于${newsContent.news_update_time}</span></div>
<p class="newsContent"> ${newsContent.news_content}</p>
</#if>
				</div>
			</div>
		</div>
		<div id="footer">
			<p>数据挖掘团队</p>
		</div>
	</div>
	<!--留言模态框  -->
	<div class="modal fade" id="leaveMess" tabindex="-1" role="dialog"
		aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
					<h4 class="modal-title" id="myModalLabel">留言</h4>
				</div>
				<div class="modal-body">
					<form>
						<p class="form-inline">
							<label>用户名：</label><input type="text" class="form-control"
								style="width: 250px;" required>
						</p>
						<p class="form-inline">
							<label>邮&nbsp;&nbsp;&nbsp;箱：</label><input type="text" class="form-control"
								style="width: 250px;" required>
						</p>
						<p class="form-inline">
							<label>留&nbsp;&nbsp;&nbsp;言：</label>
							<textarea rows="3" class="form-control" style="width: 250px;"
								required></textarea>
						</p>
						<p class="form-inline">
							<label>验证码：</label><input type="text" class="form-control"
								placeholder="验证码" id="authcode" required> <img
								id="imgcode" src="/homepage/html/checkcode.jsp" alt="验证码"> <span>看不清？<a
								href="javascript:void(0)" class="changeOne" >换一张</a></span> <label
								id="authcode_succeed" class="blank invisible"></label> <label
								id="authcode_error" class="hide"></label>
						</p>
					</form>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-primary">留言</button>
					<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
				</div>
			</div>
		</div>
	</div>
</body>
</html>